<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/form.js"></script>
</head>

<body>

<form>
    姓名：<input type="text" id="username"><br>
    密码：<input type="password " id="password"><br>
    手机：<input type="text" id="phone"><br>
    年龄：<input type="number" id="age" max="100" value="20"><br>
    性别：<input type="radio" name="sex" id="nan" checked value="男"><label for="nan">男</label>
    <input type="radio" name="sex" id="nv" value="女"><label for="nv">女</label><br>
    爱好：
    <label><input type="checkbox" name="aihao" value="唱歌">唱歌</label>
    <label><input type="checkbox" name="aihao" value="跳舞">跳舞</label>
    <label><input type="checkbox" name="aihao" value="篮球">篮球</label>
    <label><input type="checkbox" name="aihao" value="钓鱼">钓鱼</label>
    <label><input type="checkbox" name="aihao" value="健身">健身</label>
    <label><input type="checkbox" name="aihao" value="吉他">吉他</label><br>

    住址：
    省<select id="sheng">
    <option>四川</option>
    <option>北京</option>
    <option>宁夏</option>
    <option>广东</option>
    <option>甘肃</option>
    <option>云南</option>
</select>
    市<select id="shi">
    <option>成都</option>
    <option>宜宾</option>
    <option>德阳</option>
    <option>银州</option>
    <option>吴忠</option>
    <option>灵武</option>
</select>
    区 <select id="qu">
    <option>青羊</option>
    <option>双流</option>
    <option>高新</option>
    <option>兴庆</option>
    <option>西夏</option>
    <option>金凤</option>
</select>
    <br>
    自我评价：<textarea id="jieshao"></textarea><br>
    <input type="button" value="提交" onclick="tijiao()">
    <input type="reset" value="重置">
    <input type="button" value="修改" onclick="xiugai()">
</form>
<div class="div" id="xianshi" style="height: 500px;border: 1px solid red"></div>

</body>
</html>